<template>
	<view class="content">
		<view class="header">
			<text>会员中心</text>
			<text><navigator url="../set/index" class="iconfont icon-shezhi"></navigator></text>
		</view>
		<view class="name">
			<view class="image">
				<image src="../../static/images/information_3.png" mode=""></image>
			</view>
			<view class="tel">
				<text>15081007040</text>
				<view class="ren">
					<text class="iconfont icon-a-yinsibaohuyanzhengma"></text>
					<text>已认证</text>
				</view>
			</view>
		</view>
		<view class="list">
			<navigator url="../house/index" class="li">
				<view class="home">
					<image src="../../static/ico/home.png" mode=""></image>
				</view>
					<text class="hous">我的房屋</text>
			</navigator>
			<navigator url="../mycar/mycar" class="li">
				<view class="home" style="background-color: #57b988">
					<image src="../../static/ico/car.png" mode=""></image>
				</view>
					<text class="hous">我的车辆</text>
			</navigator>
			<navigator url="../fee/list" class="li">
				<view class="home" style="background-color: #ee9a52;">
					<image src="../../static/ico/myfees.png" mode=""></image>
				</view>
					<text class="hous">我的缴费</text>
			</navigator>
			<navigator url="../family/index" class="li">
				<view class="home">
					<image src="../../static/ico/member.png" mode=""></image>
				</view>
					<text class="hous">家庭成员</text>
			</navigator>
		</view>
		<view class="white"></view>
		<view class="bottom">
		<view class="bao">
			<view class="xiu">
				<text class="iconfont icon-tubiao_baoxiujilu"></text>
			<text class="zi">报修记录</text>
			</view>
			<navigator url="../records-2/index" class="you">
				<text class="iconfont icon-a-10-you" ></text>
			</navigator>
		</view>
		<view class="xian">
		</view>
		<view class="bao">
			<view class="xiu">
				<text class="iconfont icon-yijianfankui"></text>
			<text class="zi">反馈记录</text>
			</view>
			<navigator url="../feedbackRecord/index" class="you">
				<text class="iconfont icon-a-10-you" ></text>
			</navigator>
		</view>
		<view class="xian">
		</view>
		<view class="bao">
			<view class="xiu">
				<text class="iconfont icon-iconfontzhizuobiaozhun023110"></text>
			<text class="zi">联系物业</text>
			</view>
			<navigator url="../myhelp/myhelp" class="you">
				<text class="iconfont icon-a-10-you" ></text>
			</navigator>
		</view>
		<view class="xian">
		</view>
		<view class="bao">
			<view class="xiu">
				<text class="iconfont icon-shezhi1"></text>
			<text class="zi">账号设置</text>
			</view>
			<navigator url="../set/index" class="you">
				<text class="iconfont icon-a-10-you" ></text>
			</navigator>
		</view>
		<view class="xian">
		</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="less">
	.zi{
		margin-left: 20rpx;
	}
	.xiu{
		.iconfont{
			font-size: 34rpx;
		}
		text{
			font-size: 24rpx;
		}
	}
	.you{
		color: #e4e4e4;
		font-size: 24rpx;
	}
	.xian{
		height: 1rpx;
		background-color: #e4e4e4;
		transform: scaleY(0.5);
		width: 100%;
	}
.bottom{
	padding-left: 40rpx;
	padding-right: 40rpx;
	}
.bao{
	margin-top: 10rpx;
	height: 90rpx;
	align-items: center;
	display: flex;
	justify-content: space-between;
}
	.white{
		margin-top: 70rpx;
		width: 100%;
		height: 20rpx;
		background-color: #f6f6f6;
	}
	.list{
		margin-top: 120rpx;
		.hous{
			font-size: 22rpx;
			margin-left: -10rpx;
		}
		display: flex;
		justify-content: space-around;
	}
	.home{
		image{
			width: 40rpx;
			height: 33rpx;
			
		}
		width: 60rpx;
		height: 60rpx;
		background-color: #3c88f6;
		border-radius: 10rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.content{
		background: url(../../static/images/memberbg.png) ;
		background-size: 100%;
		// height: 100vh;
		padding-top: 110rpx;
	}
	.header{
		margin-left: 42%;
		display: flex;
		justify-content: space-between;
		font-size: 34rpx;
		color:#FFFFFF;
		.iconfont{
			margin-right: 20rpx;
			font-size: 50rpx;
		}
	}
	.image{
		border-radius: 50%;
		image{
			border-radius: 50%;
		width: 116rpx;
		height: 116rpx;
		}
	}
	.name{
		margin-top: 60rpx;
		display: flex;
		margin-left: 45rpx;
		.tel{
			color: #FFFFFF;
			margin-left: 50rpx;
			.ren{
				margin-top: 20rpx;
				.iconfont{
					font-size: 16rpx;
				}
				font-size:16rpx ;
				width: 100rpx;
				height: 40rpx;
				line-height: 40rpx;
				border: #FFFFFF solid 2rpx;
				border-radius: 20rpx;
			}
		}
	}
</style>
